﻿<div class="container padding-10">
    <h4>商品列表：</h4>
    <table class="table table-striped">
        <thead>
        <tr>
            <th>SKU</th>
            <th>名称</th>
            <th>单价</th>
        </tr>
        </thead>
        <tbody data-bind="foreach: fruits">
        <tr>
            <td data-bind="text: $data.sku"></td>
            <td data-bind="text: $data.name"></td>
            <td data-bind="text: $data.price"></td>
        </tr>
        </tbody>
    </table>
    <hr/>

    <div class="flex">
        <h4>前端技术：</h4>
        <ul class="flex" data-bind="foreach: languages">
            <li class="margin-l-md" data-bind="text: $data"></li>
        </ul>
    </div>
</div>

